html,body{
    height: 100%;
    cursor: url('../images/BG.png'), auto;
}
#indexBox{
    width: 100%;
    height: 100%;
    background: url(../images/indexBackground-big.png) no-repeat center center;
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
}
#indexBox h1{
    color: #363B4B;
    font-family: '幼圆';
    font-size: 62px;
    font-weight: bolder;
    position: absolute;
    top: 131px;
    left: 131px;
}
.indexList{
    width: 500px;
    height: 120px;
    background: #957A6F url(../images/indexBackground-dragon.jpg)no-repeat center right;
    background-size: 80% 100%;
    display: flex;
    align-items: center;
    border-radius: 60px 0 0 60px;
    color: #333B46;
    font-size: 18px;
    transition: 1s;
    padding-left: 5px;
    font-family: '幼圆';
    cursor: pointer;
    position: absolute;
}
.login{
    right: -260px;
    top: 30px;
}
.regist{
    right: -260px;
    top: 180px;
}
.library{
    right: -260px;
    top: 340px;
}
.shop{
    right: -260px;
    top: 500px;
}
@keyframes identifier {
    0%{transform: rotateX(0deg);}
    50%{transform: rotateX(360deg);}
    100%{transform: rotateX(0deg);}
}
.indexList span{
    color: #95A69D;
    font-weight: bolder;
    font-size: 26px;
    transform-origin: center center;
    animation: identifier 6s linear infinite;
}
.indexList:hover{
    right: 0px;
}
.background{
    width: 900px;
    height: 900px;
    background: url(../images/indexBackground-dragon-none.jpg) no-repeat;
    margin:50px auto;
    /* display: none; */
    opacity: 0;
    transition: 2s;
}